<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="height">

1
</div>
<div id="height2">
2

</div>
<div id="height3">
3

</div>

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery || document.write("<script src='./assets/js/jquery.js'>"+"<"+"/script>");
</script>
<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='./assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if('ontouchstart' in document.documentElement) document.write("<script src='./assets/js/jquery.mobile.custom.js'>"+"<"+"/script>");
</script>
<script type="text/javascript">
	$(function(){
		$("#height").text(window.screen.availWidth  + " * " + screen.availHeight );
		$("#height3").text(window.document.body.offsetWidth  + " * " + window.document.body.offsetHeight );
		
	});
	void function() {
	  document.getElementById("height2").innerHTML = window.innerWidth  + " * " + window.innerHeight;
	}();
</script>
</body>
</html>